<!--
  ~ MIT License
  ~
  ~ Copyright (c) 2021-2022 yangrunkang
  ~
  ~ Author: yangrunkang
  ~ Email: yangrunkang53@gmail.com
  ~
  ~ Permission is hereby granted, free of charge, to any person obtaining a copy
  ~ of this software and associated documentation files (the "Software"), to deal
  ~ in the Software without restriction, including without limitation the rights
  ~ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  ~ copies of the Software, and to permit persons to whom the Software is
  ~ furnished to do so, subject to the following conditions:
  ~
  ~ The above copyright notice and this permission notice shall be included in all
  ~ copies or substantial portions of the Software.
  ~
  ~ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  ~ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  ~ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  ~ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  ~ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  ~ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  ~ SOFTWARE.
  -->

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      th:replace="index">
<!--css-->
<link th:fragment="css" type="text/css" rel="stylesheet" th:href="${ossStatic} + @{/css/foot/foot-item.css}" />
<!--脚本-->
<script async="async" th:fragment="js" type="text/javascript" th:src="${ossStatic} + @{/js/foot/foot-item.js}"></script>
<!--内容-->
<div th:fragment="content">
    <div class="container">
        <div class="row g-2">
            <div class="col-lg-9 mb-2">
                <div>
                    <div class="card border-0 rounded-3 mb-2 p-0">
                        <div class="lead border-bottom mb-2 p-2"><i class="bi bi-code-square"></i> 网站开发者</div>
                        <div class="d-block text-center">
                            <img th:data-src="${ossStatic} + @{/asserts/team.jpeg}" class="lazyload img-rounded img-thumbnail img-responsive border-0 rounded mb-2"  alt="one person team"/>
                        </div>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item bg-secondary bg-gradient text-white fs-6">
                                简介
                            </li>
                            <li class="list-group-item">
                                <p class="lead fs-5">杨润康<span class="float-end"><a class="small text-secondary" href="/open"><span th:include="fragments/icon::github"></span> 开源</a></span></p>
                                <ul>
                                    <li>upupor网站开发者</li>
                                    <li>电台《程序员生活记录》创作者</li>
                                    <li>Github主页: <a href="https://github.com/yangrunkang">https://github.com/yangrunkang</a></li>
                                </ul>
                                <p class="lead fs-5 mt-3">基础技能树<!--<a target="_blank" class="float-end small" href="https://eco.upupor.com/life/hire-me"><i class="bi bi-code"></i> 雇佣我</a>--></p>
                                <ul>
                                    <li>熟悉的编程语言: Java <span class="small fw-light text-secondary">(注: 主要靠这个吃饭生活的)</span></li>
                                    <li>Java后端框架: SpringBoot、Spring、SpringMVC</li>
                                    <li>分布式服务框架: Spring Cloud、Dubbo</li>
                                    <li>分布式事务框架: seata</li>
                                    <li>分布式配置中心: disconf、apolloconfig</li>
                                    <li>缓存中间件: Redis</li>
                                    <li>消息队列: Kafka、RabbitMQ</li>
                                    <li>Java持久化框架: MyBatis、Spring Data JPA</li>
                                    <li>MySQL binlog 增量订阅&消费组件: canal</li>
                                    <li>容器: Docker</li>
                                    <li>数据分片: sharding-jdbc</li>
                                    <li>平时用来写脚本的编程语言: Python、C</li>
                                    <li>数据库: MySQL</li>
                                    <li>ETL工具: kettle</li>
                                    <li>服务器: Linux</li>
                                    <li>核心开发工具: IntelliJ IDEA、Visual Studio Code、GitLab、Nexus、Maven、Gradle</li>
                                    <li>持续集成工具: Jenkins</li>
                                    <li>数据仓库(基于Hadoop框架及其相关项目): Hadoop、MapReduce、Apache Hive、Apache HBase、Hadoop分布式文件系统(HDFS)、Sqoop、DataX</li>
                                    <li>数据可视化: metabase</li>
                                    <li>协同工具: Confluence、Jira</li>
                                    <li>前端框架: Vue、Angular、jQuery</li>
                                    <li>前端UI框架: iView、Element-UI</li>
                                    <li>前端基础: HTML、CSS、Javascript <span class="small fw-light text-secondary">(注: 不是很熟,但也不是很陌生,这个网站就是用这些写的)</span></li>
                                </ul>
                            </li>
                            <li class="list-group-item bg-secondary bg-gradient text-white fs-6">
                                电台 ·《程序员生活记录》· 以下平台可以收听
                            </li>
                            <li class="list-group-item">
                                <a href="https://music.163.com/#/djradio?id=341445058" target="_blank">网易云电台</a>
                            </li>
                            <li class="list-group-item">
                                <a href="https://www.lizhi.fm/1353231" target="_blank">荔枝Fm</a>
                            </li>
                            <li class="list-group-item">
                                <a href="https://www.ximalaya.com/renwen/21813802" target="_blank">喜马拉雅</a>
                            </li>
                        </ul>
                    </div>
                    <div class="card border-0 fs-6 p-0 mb-2">
                        <div class="lead border-bottom border-1 p-2">如何联系</div>
                        <div class="text-wrap p-2">
                            <div>邮箱: <a href="mailto:yangrunkang53@gmail.com" target="_blank">yangrunkang53@gmail.com</a></div>
                            <div>手机: 17607675610<span class="small fw-light text-secondary">(深圳号)</span></div>
                            <div>微信: Bla277225635</div>
                            <div>
                                <img class="lazyload img img-thumbnail border-0" style="height: 256px;width: 256px"
                                     th:data-src="${ossStatic} + @{/icons/system/footer/3361607101759_.pic_hd.jpg}"
                                     alt='公众号: www-upupor-com'/>
                            </div>
                        </div>
                    </div>
                </div>
                <div th:include="fragments/business::upupor_business"></div>
                <div class="card border-0 rounded-3 mt-2 p-0">
                    <span th:include="fragments/icon::tech_stack"></span>
                </div>
            </div>
            <div class="col-lg-3">
                <div th:replace="fragments/index::foot_left('team')"></div>
                <div class="mt-2" th:include="fragments/index::google_right_ad"></div>
            </div>
        </div>
    </div>
</div>
</html>
